html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
label,
legend,
caption,
tbody,
tfoot,
thead,
header,
section,
footer {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
list-style: none;
}
* {
margin:0px;
padding:0px;
}
body {background:#fff;
color:#555;
font-size:13px;
font-family:arial,"微软雅黑";
}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-size:13px; font-weight:normal;}
table,td,tr,th{font-size:13px;}
li{list-style:none;list-style-position:outside;
text-overflow:ellipsis;}
div{margin:0 auto;}
img{vertical-align:top;border:0;}
a{color:#555;text-decoration:none;}
a:hover {color:#d00000;text-decoration:none;}
table{ border-collapse:collapse; }
table tr{ border:1px solid #d1d1d1; }
/*首页大图切换*/
.flexslider{position:relative; width:100%; height:550px; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:0;}
.slides li{height:550px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:16px;height:16px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:16px;height:16px; text-indent:-999px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:43%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0px;background:url(../images/prev.png) center center no-repeat; opacity:.2; filter:Alpha(opacity=20);}
.flex-direction-nav li a.flex-next{right:0px;background:url(../images/next.png) center center no-repeat; opacity:.2; filter:Alpha(opacity=20);}
ul,
dl,
ol {
list-style: none;
}
ul,
dl,
ol,
dt,
dd,
p,
h1,
h2,
h3,
h4,
div,
span,
font {
margin: 0;
padding: 0;
}
/*通用代码*/
.cls {
clear: both;
}
.wrap {
width: 1100px;
height: 100%;
margin: 0 auto;
}
footer a{color:#ceeaff;}
.en{
font-family: arial;
}
/*列表栏目*/
#pages {
padding: 14px 0 10px;
text-align: center;
font-size: 13px;
margin-top: 50px;
}
#pages>a {
display: inline-block;
height: 22px;
line-height: 22px;
background: #fff;
border: 1px solid #e3e3e3;
text-align: center;
color: #333;
padding: 0 10px
}
#pages>a.a1 {
width: 56px;
padding: 0
}
#pages>a:hover {
background: #f1f1f1;
color: #000;
text-decoration: none
}
#pages>span {
display: inline-block;
height: 22px;
line-height: 22px;
background: #fff;
border: 1px solid #e3e3e3;
text-align: center;
color: #333;
padding: 0 10px
}
/*header*/
.itop{
height: 34px;
line-height: 34px;
border-bottom: 1px solid #ccc;
position: relative;
}
.itop-l{
color: #666;
float: left;
}
.itop-r{
width: 118px;
height: 34px;
border: 1px solid #ccc;
border-top: none;
float: right;
color: #666;
margin-right: 45px;
cursor: pointer;
position: relative;
}
.itop-r span{
display: block;
padding-left: 56px;
background: url(../images/iphone.png) left 20px center no-repeat;
}
.itop-r:hover{
background: #0063c8;
border-color: #0063c8;
}
.itop-r:hover span{
background: url(../images/iphone01.png) left 20px center no-repeat;
color: #fff;
}
.itop-r_1{
width: 118px;
height: 34px;
border: 1px solid #ccc; border-right:none;
border-top: none;
float: right;
color: #666;
cursor: pointer;
position: relative;
}
.itop-r_1 span{
display: block;
padding-left: 56px;
background: url(../images/td_01.png) left 20px center no-repeat;
}
.itop-r_1:hover{
background: #0063c8;
border-color: #0063c8;
}
.itop-r_1:hover span{
background: url(../images/td_02.png) left 20px center no-repeat;
color: #fff;
}
.itop-r_1:hover span a{color:#fff;}
.itop-ewm{
width: 98px;
margin-top: 1px;
margin-right: 1px;
padding: 10px 10px 3px;
background: #fff;
display: none;
}
.itop-ewm img{
display: block;
width: 100px;
height: 100px;
}
.itop-ewm p{
text-align: center;
color: #111;
line-height: 2;
}
.itop-r:hover .itop-ewm{
display: block;
}
/*ilogo*/
.ilogo{
height: 81px;
padding: 15px 0;
}
.ilogo-l{
display: block;
width: 551px;
height: 61px;
float: left;
}
.ilogo-m{
height: 35px;
float: left;
padding-left: 45px;
background: url(../images/iphone02.png) left no-repeat;
margin-top: 23px;
margin-left: 55px;
}
.ilogo-m span{
display: block;
line-height: 1;
color: #666;
}
.ilogo-m p{
line-height: 1;
color: #ff0000;
font-size: 18px;
margin-top: 5px;
}
.ilogo-search {
float: right;
margin-top: 25px;
}
.ilogo-search form {
width: 250px;
height: 30px;
border-radius: 15px;
border: 1px solid #ccc;
background: #fff;
}
.ilogo-search form input {
outline: 0;
border: none;
}
.search-txt {
width: 200px;
height: 24px;
border: none;
padding: 3px 0;
margin-left: 10px;
background: none;
float: left;
}
.search-btn {
width: 30px;
height: 24px;
background: url(../images/search.png) center no-repeat;
padding: 0;
margin: 2px 7px 0 0;
cursor: pointer;
float: right;
}
.search-btn:hover{
background: url(../images/search01.png) center no-repeat;
}
/*nav*/
nav{
height: 54px;
line-height: 54px;
background:#0063c8;
}
nav ul li{
width: 14.2857%;
text-align: center;
float: left;
font-size: 15px;
position: relative;
}
nav ul li a{
display: block; color:#fff; font-size:16px;
}
nav ul li a:hover{
background: #fff;
color: #0063c8;
}
nav ul li dl {display: none;position: absolute;top: 54px;left:0px;width:100%; background:#fff; z-index:9;}
nav ul li:hover dl { display: block;}
nav ul li dl dd { float: none; background:none;/* height:38px; */ border-bottom:solid 1px #e1e1e1;/* text-align:center; */}
nav ul li dl dd a {display: inline-block; height:45px; line-height:45px; font-size:13px;font-weight:normal;padding:0; text-align:center; background:none;}
nav ul li dl dd a {display: block; color:#666;height:45px;border-bottom:none;}
nav ul li dl dd a:hover { background:none;background:#0063c8; padding-top:0px; color: #fff;line-height:45px; height:45px;text-align:center;border-bottom:none; }
/*iban*/
.fullSlide {
width: 100%;
position: relative;
height: 450px;
background: #000;
}
.fullSlide .bd {
margin: 0 auto;
position: relative;
z-index: 0;
}
.fullSlide .bd ul {
width: 100% !important;
}
.fullSlide .bd li {
width: 100% !important;
height: 450px;
overflow: hidden;
text-align: center;
}
.fullSlide .bd li a {
display: block;
height: 450px;
}
.fullSlide .hd {
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
height: 20px;
}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:0;background-position:-6px -137px;}
/*ipro*/
.ipro{
padding: 50px 0;
background: #efefef;
}
.ipro-title{
height: 60px;
line-height: 60px;
background: #fff;
border-bottom: 1px solid #cbcbcb;
}
.ipro-title h5{
width: 150px;
background: #0063c8;
color: #fff;
padding: 0 20px;
font-size: 25px;
margin-right: 20px;
float: left;
}
.ipro-title h5 span{
display: block;
padding-left: 50px;
background: url(../images/iprobj.png) left no-repeat;
}
.ipro-title p{
text-align: center;
float: left;
}
.ipro-title p a{
padding: 0 15px;
display: block;
font-size: 13px;
}
.ipro-title p a:hover{
background: #0063c8;
color: #fff;
}
.ipro-title>a{
display: block;
width: 70px;
height: 24px;
line-height: 24px;
text-align: center;
border-radius: 12px;
float: right;
margin-top: 18px;
background: #e8e8e8;
margin-right: 20px;
}
.ipro-title>a:hover{
background: #0063c8;
color: #fff;
}
.ipro-b ul li{
width: 260px;
float: left;
margin-right: 20px;
margin-top: 30px;
}
.ipro-b ul li:nth-of-type(4n){
margin-right: 0;
}
.ipro-b ul li img{
display: block;
width: 260px;
height: 260px;
}
.ipro-b ul li dl{
border-top: 1px solid #ddd;
background: #fff;
padding: 0 35px 18px;
}
.ipro-b ul li dl dt{
height: 50px;
line-height: 50px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.ipro-b ul li dl dd{
color: #999;
}
.ipro-b ul li a p{
display: block;
width: 260px;
height: 31px;
background: #0063c8;
overflow: hidden;
}
.ipro-b ul li a:hover p{
background: #d00000;
}
.ipro-b ul li a p i{
display: block;
width: 15px;
height: 15px;
background: url(../images/iproa.png) center no-repeat;
margin: 8px auto 0;
}
/*ititle*/
.ititle{
text-align: center;
}
.ititle h5{
font-size: 25px;
line-height: 1;
margin-bottom: 8px;
}
.ititle span{
font-size: 15px;
color: #aaa;
}
/*icase*/
.icase{
margin-top: 50px;
}
.icase-b{
margin-top: 30px;
}
.mr_frbox {
padding: 0;
}
.mr_frBtnL {
float: left;
margin: 115px 12px 0px 0px;
cursor: pointer;
display: inline;
width: 45px;
height: 45px;
background: url(../images/icasejt.png) left 0 top 0 no-repeat;
}
.mr_frBtnL:hover{
background: url(../images/icasejt.png) left 0 top -45px no-repeat;
}
.mr_frUl {
float: left;
width: 985px;
overflow: hidden;
}
.mr_frUl ul li {
float: left;
margin: 0 18px;
}
.mr_frUl ul li a .icase-img{
width: 208px;
height: 208px;
border: 1px solid #ddd;
overflow: hidden;
}
.mr_frUl ul li a img {
display: block;
width: 208px;
height: 208px;
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.mr_frUl ul li:hover img{
transform: scale(1.1);
}
.mr_frUl ul li a dl{
border-bottom: 1px solid #ccc;
padding-bottom: 12px; padding-top:15px;
}
.mr_frUl ul li a dl dt{
color: #000;
margin: 10px 0 8px;
}
.mr_frUl ul li a dl dd{
color: #666;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.mr_frBtnR {
display: block;
width: 45px;
height: 45px;
float: right;
margin-top: 115px;
cursor: pointer;
background: url(../images/icasejt.png) left -45px top 0 no-repeat;
}
.mr_frBtnR:hover{
background: url(../images/icasejt.png) left -45px top -45px no-repeat;
}
.mr_frUl ul li:hover .icase-img,
.mr_frUl ul li:hover a dl{
border-color: #999;
}
/*ibox*/
.ibox{
padding: 40px 0 30px 0;
background: #efefef;
margin-top: 50px;
}
.threebox{
width: 350px;
float: left;
}
.threebox:nth-of-type(2){
margin: 0 25px;
}
.threebox dl{
width: 350px;
height: 210px;
position: relative;
margin-bottom: 15px;
}
.threebox dl a{
display: block;
}
.threebox dl a dt img{
display: block;
width: 350px;
height: 210px;
position: absolute;
}
.threebox dl a dd{
display: block;
width: 220px;
height: 41px;
line-height: 41px;
background: rgba(0,124,219,0.7);
position: absolute;
bottom: 0;
left: 0;
padding: 0 20px;
color: #fff;
font-size: 18px;
}
.threebox dl a dd span{
font-size: 13px;
}
.threebox dl a dd i{
display: block;
width: 7px;
height: 13px;
position: absolute;
background:url(../images/iabout-jt.png) center no-repeat;
right: 20px;
top: 14px;
}
.threebox dl a:hover dd{
background: rgba(0,124,219,0.9);
}
.iabout p{
line-height: 2;
color: #666;
}
.inews ul li{
line-height: 2;
color: #666;
}
.inews ul li a{
display: block;
}
.inews ul li a p{
float: left;
}
.inews ul li a p:hover{
color: #0063c8;
}
.inews ul li a span{
display: block;
float: right;
color: #999;
}
.icontact p{
color: #666;
line-height: 2;
}
.ifun{
margin-top: 50px;
}
.ifun-box{
width: 344px;
margin-top: 30px;
float: left;
}
.ifun-box:nth-of-type(2){
margin-left: 34px;
margin-right: 34px;
}
.ifun-box img{
float: left;
display: block;
width: 130px;
height: 120px;
}
.ifun-box dl{
width: 200px;
float: right;
}
.ifun-box dl dt{
font-size: 18px;
color: #000;
line-height: 1;
margin-top: 3px;
}
.ifun-box dl dd{
color: #666;
margin: 6px 0;
}
.ifun-box dl a{
display: block;
width: 80px;
height: 27px;
line-height: 27px;
text-align: center;
background: #0063c8;
color: #fff;
}
.ifun-box dl a:hover{
background: #d00000;
}
/*footer*/
footer{
width: 100%;
padding: 20px 0;
background: #0063c8;
}
footer dl{
width: 150px;
padding: 20px 40px 20px 0;
color: #fff;
float: left;
}
footer dl:last-of-type{
background: none;
width: 330px;
}
footer dl dt{
font-size: 18px;
margin-bottom: 8px;
}
footer dl dd{
color: #ceeaff;
line-height:30px;
}
footer .ftewm{
float: right;
width: 120px;
height: 120px;
margin-top: 40px;
}
footer .ftewm img{
display: block;
width: 120px;
height: 120px;
}
footer .ftewm p{
text-align: center;
margin-top: 10px;
color: #fff;
}
.caselist ul li {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 20px;
}
.caselist ul li a{
display: block;
}
.caselist ul li a:after{
content: "";
display: block;
clear: both;
}
.caselist ul li a img{
width: 200px;
height: 160px;
padding: 5px;
border: 1px solid #ccc;
float: left;
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.caselist ul li:hover img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
border-color: #0063c8;
}
.caselist-txt{
width: 620px;
float: right;
}
.caselist-txt h4{
font-size: 18px;
font-weight: bold;
}
.caselist-txt p{
margin-top: 5px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.caselist-txt p>img{
width: 0;
height: 0;
display: none;
}
.caselist-txt .sj{
display: block;
margin-top: 5px;
line-height: 20px;
color: #999;
}
.caselist-txt span{
display: block;
margin-top: 20px;
width: 70px;
height: 20px;
line-height: 20px;
border-radius: 10px;
border: 1px solid #999;
text-align: center;
color: #999;
}
.caselist ul li:hover .caselist-txt h4{
color: #0063c8;
}
.caselist ul li:hover .caselist-txt span{
color: #FFF;
border-color: #0063c8;
background: #0063c8;
}
.nr-case{
text-align: center;
}
.nr-case h5{
font-size: 20px;
font-weight: bold;
color: #0063c8;
}
.nr-case p{
margin: 5px 0 20px 0;
color: #777;
}
.nr-case p b{
color: #333;
}
.nr-case img{
max-width: 400px;
}
.prodetails img{
max-width: 90%;
}
.ipro-more h3{
font-family: "微软雅黑";
font-size: 16px;
color: #35383d;
height: 30px;
line-height: 30px;
background: #e7e8e9;
text-indent: 15px;
margin-bottom: 15px;
border: none;
margin-top: 15px;
}
.ipro-more ul li{
width: 210px;
float: left;
margin-right: 10px;
}
.ipro-more ul li:last-of-type{
margin-right: 0;
}
.ipro-more ul li img{
display: block;
width: 210px;
height: 160px;
box-sizing: border-box;
border: 1px solid #ddd;
}
.ipro-more ul li span{
display: block;
width: 100%;
height: 35px;
line-height: 35px;
text-align: center;
background: #0063c8;
color: #fff;
}
/*友情链接*/
.yqlj{
margin-top: 60px;
margin-bottom: 20px;
}
.yqlj dl dt{
float: left;
line-height: 30px;
font-size: 16px;
font-weight: bold;
color: #0063c8;
padding-right: 20px;
border-right: 1px solid #ddd;
}
.yqlj dl dt span{
color: #999;
font-size: 13px;
font-weight: normal;
}
.yqlj dl dd{
float: left;
line-height: 30px;
margin-left: 30px;
}
.yqlj dl dd a{
color: #666;
}
.yqlj dl dd a:hover{
color: #333;
}
.fl{ float: left;}
.fr{ float: right;}
#cont4{ width: 100%; height: auto; overflow: hidden; padding:65px 0 10px 0;}
.cont4{ width: 1000px; margin: 0 auto;}
.cont4_title{ width: 100%; text-align: center;}
.cont4_title h3{ font-size: 20px; color: #0063c8; font-weight: normal;}
.cont4_title h4{ font-size: 30px; color: #0063c8; line-height: 45px; font-weight:bold;}
.cont4_title h5{ font-size: 24px; color: #0063c8; font-weight: normal; font-family: Arial;}
.cont4_con{ width: 100%; padding-top: 20px; overflow: hidden;}
.cont4_con li{ width: 100%; height: 174px; padding-bottom: 35px;}
.advT{ width: 500px;}
.advP{ width: 450px;}
.advT span{ width: 86px; height: 86px; display: block; margin-top: 25px; background: url("../images/no.png") no-repeat; font-size: 36px; color: #FFF; text-align: center; line-height: 86px; font-weight: bold; float: left;}
.advT div{ width: 410px; float: left; padding-top: 40px;}
.advT div h4{ font-size: 20px; color: #F1383E; display: none; }
.advT div h5{ font-size: 24px; color: #0063c8; line-height: 40px; font-weight: normal; padding-left:10px;}
.advT div h6{ font-size: 14px; color: #818181; line-height: 28px; font-weight: normal; text-indent: 2em;}
.message_table{border:none; margin:10px 0 50px 0;}
.message_table tr{border:none; height:45px;}
.message_table .text{width:100px; text-align:right; padding-right:5px; font-size:14px;}
.message_table .input-text{width:200px; height:30px; border:1px solid #d1d1d1; border-radius:3px;}
.message_table .info{color:#F00;}
.message_table .textarea-text{border:1px solid #d1d1d1; border-radius:3px;}
.message_table .submit{width:80px; height:30px; background:#e72323; color:#fff; border-radius:3px; cursor:pointer;}